<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教师信息</title>
    <link rel="stylesheet" href="/css/layui.css">
    <link rel="stylesheet" href="/css/firstdp.css">
    <script src="/js/jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="container">
    <div class="latui-row">
        <div class="layui-col-xs12">
            <h1 style="text-align: center">
                教师信息管理
            </h1>
        </div>
    </div>
    <div class="latui-row">
        <div class="layui-col-xs12 toolbar">
            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="showTeacherDlg();return false;">
                <i class="layui-icon layui-icon-addition"></i>
            </button>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-xs12">
            <table  class="layui-table" lay-even>

                <thead>
                <tr>
                    <th>id</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>工号</th>
                    <th>性别</th>
                    <th>更改</th>
                </tr>
                <!--                <tr th:each="student :${students}">-->
                <!--                    <td th:text="${student.id}"></td>-->
                <!--                    <td th:text="${student.name}"></td>-->
                <!--                    <td th:text="${student.age}"></td>-->
                <!--                    <td th:text="${student.sno}"></td>-->
                <!--                    <td th:text="${student.sex==1?'女':(student.sex==2?'男':'未知')}"></td>-->
                <!--                    <td th:text="${student.password}"></td>-->
                <!--                </tr>-->
                </thead>
                <tbody id="teacherTb">

                </tbody>

            </table>
        </div>
    </div>
</div>
<div class="layui-form-item" id="select">
    <div class="layui-input-group">
        <!--        <div class="layui-input-prefix">-->
        <!--            输入姓名查询：-->
        <!--        </div>-->
        <div class="layui-form">
            <select lay-filter="demo-select-filter" id="style">
                <option value="">请选择查询方式</option>
                <option value="AAA">按姓名查询</option>
                <option value="BBB">按工号查询</option>
                <option value="CCC">按年龄查询</option>
            </select>
        </div>
        <input type="text" placeholder="name" class="layui-input" id="input">
        <div class="layui-input-split layui-input-suffix" style="cursor: pointer;" id="search">
            <i class="layui-icon layui-icon-search"></i>
        </div>
    </div>
</div>
<div class="container">
    <div class="layui-row">
        <div class="layui-col-xs12">
            <table  class="layui-table" lay-even>

                <thead id="tableHead"></thead>
                <tbody id="teacherByName"></tbody>

            </table>
        </div>
    </div>
</div>
<form class="layui-form dlgcontainer" id="teachForm" style="display: none;">
    <div class="demo-reg-container">
        <div class="layui-form-item" id="formId">
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <label class="layui-form-label head-label">id</label>
                    <div class="layui-input-block ">
                        <!--                        <div class="layui-input-prefix">-->
                        <!--                            <i class="layui-icon layui-icon-cellphone"></i>-->
                        <!--                        </div>-->
                        <input type="text" name="id" value="" placeholder="id" lay-reqtext="请填写id" autocomplete="off" class="layui-input body-label" id="id">
                    </div>
                </div>

            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label head-label">工号</label>
            <div class="layui-input-block">
                <!--                <div class="layui-input-prefix">-->
                <!--                    <i class="layui-icon layui-icon-vercode"></i>-->
                <!--                </div>-->
                <input type="text" name="tno" value="" lay-verify="required" placeholder="tno" lay-reqtext="请填写工号" autocomplete="off" class="layui-input body-label">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label head-label">姓名</label>
            <div class="layui-input-block">
                <!--                <div class="layui-input-prefix">-->
                <!--                    <i class="layui-icon layui-icon-username"></i>-->
                <!--                </div>-->
                <input type="text" name="name" value="" lay-verify="required" placeholder="name" autocomplete="off" class="layui-input body-label" id="name">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label head-label">年龄</label>
            <div class="layui-input-block">
                <!--                <div class="layui-input-prefix">-->
                <!--                    <i class="layui-icon layui-icon-tree"></i>-->
                <!--                </div>-->
                <input type="text" name="age" value="" placeholder="age" autocomplete="off" class="layui-input body-label" lay-affix="clear">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <label class="layui-form-label head-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="2" title="男" checked>
                    <input type="radio" name="sex" value="1" title="女">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="stud-dlg" id="btnOK">确定</button>
        </div>
    </div>
</form>



<script src="/js/layui.js"></script>
<script src="/js/pagejs/firstdpTeacher.js"></script>
</body>
</html>